.vuedoc {
}
.vuedoc-demo {
}
.vuedoc-demo__inner {
  border: 1px solid #eaeefb;
}
.vuedoc-demo__preview {
  padding: 20px;
  background-color: #fff;
}
.vuedoc-demo__source {
  background-color: #fafafa;
  border-top: 1px solid #eaeefb;
  overflow: hidden;
  height: 0;
  transition: all 0.2s ease-in-out;
}
.vuedoc-demo__sourceref {
  overflow: hidden;
}
.vuedoc-demo__sourceref > pre {
  padding: 20px 0;
  margin: 0;
  line-height: 1.5;
}

.vuedoc-demo__sourceref code {
  background-color: inherit;
}
.vuedoc-demo__footer {
  border-top: 1px solid #eaeefb;
  height: 44px;
  line-height: 43px;
  box-sizing: border-box;
  background-color: #fff;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  text-align: center;
  margin-top: -1px;
  color: #d3dce6;
  cursor: pointer;
  position: relative;
}
.vuedoc-demo__footer:hover {
  color: #409eff;
  background-color: #f9fafc;
}

.vuedoc__code > pre {
  margin: 0;
}
.hljs.vuedoc__hljs {
  padding: 10px 15px;
}
.hljs--one-dark.hljs {
  display: block;
  overflow-x: auto;
  color: #abb2bf;
  background: #282c34;
}
.hljs--one-dark .hljs-comment,
.hljs--one-dark .hljs-quote {
  color: #5c6370;
  font-style: italic;
}
.hljs--one-dark .hljs-doctag,
.hljs--one-dark .hljs-keyword,
.hljs--one-dark .hljs-formula {
  color: #c678dd;
}
.hljs--one-dark .hljs-section,
.hljs--one-dark .hljs-name,
.hljs--one-dark .hljs-selector-tag,
.hljs--one-dark .hljs-deletion,
.hljs--one-dark .hljs-subst {
  color: #e06c75;
}
.hljs--one-dark .hljs-literal {
  color: #56b6c2;
}
.hljs--one-dark .hljs-string,
.hljs--one-dark .hljs-regexp,
.hljs--one-dark .hljs-addition,
.hljs--one-dark .hljs-attribute,
.hljs--one-dark .hljs-meta-string {
  color: #98c379;
}
.hljs--one-dark .hljs-built_in,
.hljs--one-dark .hljs-class .hljs-title {
  color: #e6c07b;
}
.hljs--one-dark .hljs-attr,
.hljs--one-dark .hljs-variable,
.hljs--one-dark .hljs-template-variable,
.hljs--one-dark .hljs-type,
.hljs--one-dark .hljs-selector-class,
.hljs--one-dark .hljs-selector-attr,
.hljs--one-dark .hljs-selector-pseudo,
.hljs--one-dark .hljs-number {
  color: #d19a66;
}
.hljs--one-dark .hljs-symbol,
.hljs--one-dark .hljs-bullet,
.hljs--one-dark .hljs-link,
.hljs--one-dark .hljs-meta,
.hljs--one-dark .hljs-selector-id,
.hljs--one-dark .hljs-title {
  color: #61aeee;
}
.hljs--one-dark .hljs-emphasis {
  font-style: italic;
}
.hljs--one-dark .hljs-strong {
  font-weight: bold;
}
.hljs--one-dark .hljs-link {
  text-decoration: underline;
}

.hljs--one-light .hljs {
  display: block;
  overflow-x: auto;
  color: #383a42;
  background: #fafafa;
}
.hljs--one-light .hljs-comment,
.hljs--one-light .hljs-quote {
  color: #a0a1a7;
  font-style: italic;
}
.hljs--one-light .hljs-doctag,
.hljs--one-light .hljs-keyword,
.hljs--one-light .hljs-formula {
  color: #a626a4;
}
.hljs--one-light .hljs-section,
.hljs--one-light .hljs-name,
.hljs--one-light .hljs-selector-tag,
.hljs--one-light .hljs-deletion,
.hljs--one-light .hljs-subst {
  color: #e45649;
}
.hljs--one-light .hljs-literal {
  color: #0184bb;
}
.hljs--one-light .hljs-string,
.hljs--one-light .hljs-regexp,
.hljs--one-light .hljs-addition,
.hljs--one-light .hljs-attribute,
.hljs--one-light .hljs-meta-string {
  color: #50a14f;
}
.hljs--one-light .hljs-built_in,
.hljs--one-light .hljs-class .hljs-title {
  color: #c18401;
}
.hljs--one-light .hljs-attr,
.hljs--one-light .hljs-variable,
.hljs--one-light .hljs-template-variable,
.hljs--one-light .hljs-type,
.hljs--one-light .hljs-selector-class,
.hljs--one-light .hljs-selector-attr,
.hljs--one-light .hljs-selector-pseudo,
.hljs--one-light .hljs-number {
  color: #986801;
}
.hljs--one-light .hljs-symbol,
.hljs--one-light .hljs-bullet,
.hljs--one-light .hljs-link,
.hljs--one-light .hljs-meta,
.hljs--one-light .hljs-selector-id,
.hljs--one-light .hljs-title {
  color: #4078f2;
}
.hljs--one-light .hljs-emphasis {
  font-style: italic;
}
.hljs--one-light .hljs-strong {
  font-weight: bold;
}
.hljs--one-light .hljs-link {
  text-decoration: underline;
}
